<html>
	<head>
		<meta http-equiv="Content-type" content="text/html; charset=ISO-8859-1" />
		<script type="text/javascript" src="js/jquery-1.6.4.js"></script>
		<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false"></script>
		<script type="text/javascript" src="js/infobox.js" ></script>
		<script type="text/javascript" src="js/jquery.fichiers.js"></script>
		<style>
			#selection {
				width:100%;
				height:110px;
				border-bottom:1px solid #ccc;
			}
			.selectbox, .categories {
				margin:5px;
				float:left;
				width:250px;
				border:1px solid #ddd;
				padding:5px;
				height:80px;
			}
			.categories {
				width:500px;
				position:relative;
			}
			#checkall {
				position:absolute;
				right:0;
				top:0;
			}
			#checkAll a {
				width:10px;
				height:90px;
				padding-left:5px;
				padding-right:5px;
				line-height:90px;
				display:block;
				color: #fff;
				background:#333;
				text-decoration:none;
			}
			.categories .categorie {
				margin:5px;
				float:left;
				width:110px;
				margin-top:0;
			}
			#map {
				height:600px;
			} 
			
			.tooltip {
				background:#ffffff;
				padding:5px;
				font-family:"Trebuchet MS", Verdana, Arial;
				border: 1px solid black; 
				margin-top: 8px;
			}
			
			.title {
				font-size:14px;
				font-weight:bold;
			}
			
			.description {
				font-size:12px;
			}
			
			.Tcategories {
				font-size:12px;
				font-style:italic;
			}
		</style>
	</head>
	
	<body>
		<div id="selection"></div>
		<div id="map"></div>
	</body>
</html>
